<%@page import="util.enviaEmail"%>
<%
Connection conn = null;
try {
	conn = new Conexao().getConexao();
} catch (Exception e) {
	new enviaEmail().enviar(e);
	out.print("falhaConexao");
	return;
}
%>
<%@page import="dao.cidadeDao"%>
<%@page import="bean.cidadeBean"%>
<%@page import="java.util.List"%>
<%@page import="conexao.Conexao"%>
<%@page import="java.sql.Connection"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script>
	$(function() {
		
		$('#tabelaCidades').tablesorter();
		
		$("#btnNovaCidade").button().click(function() {
			$.ajax({
				url:"cadastrarCidadeServlet",
				data: {nome: $("#NomeCadastrarCidade").val()},
				beforeSend : function(){
					$("#mensagemCadastrarCidade").html("Cadastrando...");
				},
				success : function(html){
					if(html == ""){
						$.ajax({
							url:"ajax/atualizaTabelaCidade.jsp",
							success:function(html){
								$("#divTabelaCidades").html(html);
								$("#mensagemCadastrarCidade").html("Cadastrado com sucesso.");
								$("#NomeCadastrarCidade").val("");
								$("#NomeCadastrarCidade").focus();
							},
							error:function(){
								$("#mensagemCadastrarCidade").html("Erro de conexão!");
							}
						});
						$.ajax({
							url:"ajax/atualizaSelectCidade.jsp",
							success:function(html){
								$("#selCidade").html(html);
							},
							error:function(){
								$("#mensagemCadastrarCidade").html("Erro de conexão!");
							}
						});
					}else{
						$("#mensagemCadastrarCidade").html(html);
					}
				},
				error:function(){
					$("#mensagemCadastrarCidade").html("Erro de conexão!");
				}
			});
		
		});

		$("#dialogAlterarCidade").dialog({
			resizable : false,
			autoOpen : false,
			draggable : false,
			height : 'auto',
			width : 'auto',
			buttons : {
				"Salvar alteração" : function() {
					var form = $("#formAlterarCidade").serialize();
					$.ajax({
						url:"alterarCidadeServlet",
						data: form,
						beforeSend:function(){
							$("#msnAlterarCidade").html("Alterando...");
							window.document.documentElement.style.cursor = 'progress';
						},
						success:function(html){
							if(html == ""){
								$.ajax({
									url:"ajax/atualizaTabelaCidade.jsp",
									success:function(html){
										$("#divTabelaCidades").html(html);
										window.document.documentElement.style.cursor = 'default';
									},
									error:function(){
										$("#mensagemAlterarCidade").html("Erro de conexão!");
									}
								});
								$.ajax({
									url:"ajax/atualizaSelectCidade.jsp",
									success:function(html){
										$("#selCidade").html(html);
										$("#dialogAlterarCidade").dialog("close");
										window.document.documentElement.style.cursor = 'default';
									},
									error:function(){
										$("#mensagemCadastrarCidade").html("Erro de conexão!");
									}
								});
							}else{
								$("#mensagemAlterarCidade").html(html);
							}
						},
						error:function(){
							$("#mensagemAlterarCidade").html("Erro de conexão!");
							window.document.documentElement.style.cursor = 'default';
						}
					});
					
				},
				Cancelar : function() {
					$(this).dialog("close");
				}

			},
			close : function() {
				$("#idAlterarCidade").val("");
				$("#nomeAlterarCidade").val("");
			}
		});
		
		$("#dialogExcluirCidade").dialog({
			resizable : false,
			draggable : false,
			autoOpen : false,
			height : 134,
			width : 300,
			buttons : {
				"Sim" : function() {
					var id = $("#idExcluirCidade").val();
					$.ajax({
						url:"removeCidadeServlet",
						data:{id: id},
						beforeSend : function() {
							window.document.documentElement.style.cursor = 'progress';
							$("#msnExcluirCidade").html("Excluindo...");
						},
						success : function() {
							$.ajax({
								url:"ajax/atualizaTabelaCidade.jsp",
								success:function(html){
									$("#divTabelaCidades").html(html);

								},
								error:function(){
									$("#mensagemAlterarCidade").html("Erro de conexão!");
								}
							});
							$.ajax({
								url:"ajax/atualizaSelectCidade.jsp",
								success:function(html){
									$("#selCidade").html(html);
									$("#msnExcluirCidade").html("Excluido.");
									$("#dialogExcluirCidade").dialog("close");
									window.document.documentElement.style.cursor = 'default';
								},
								error:function(){
									$("#mensagemCadastrarCidade").html("Erro de conexão!");
									window.document.documentElement.style.cursor = 'default';
								}
							});
						},
						error:function(){
							window.document.documentElement.style.cursor = 'default';
							$("#mensagemCadastrarCidade").html("Erro de conexão!");
						}
					});
					
				},
				Não : function() {
					$(this).dialog("close");
				}

			},
			close : function() {
				$("#idExcluirCidade").val("");
				$("#msnExcluirCidade").html("");
			}
		});
		
	});
	
	function alterarCidade(id, nome){
		$("#idAlterarCidade").val(id);
		$("#nomeAlterarCidade").val(nome);
		$("#dialogAlterarCidade").dialog("open");
	
	};
	
	function excluirCidade(id, nome){
		$("#msnExcluirCidade").html("<span class='ui-icon ui-icon-alert' style='float:left; margin:0 7px 20px 0;'></span>Realmente deseja excluir a cidade '"+nome+"' ?");
		$("#idExcluirCidade").val(id);
		$("#dialogExcluirCidade").dialog("open");
		
	};
</script>
</head>
<body>
			<p>
			<div id="mensagemCadastrarCidade">Nova cidade</div>
				<input type="text" id="NomeCadastrarCidade" class="text ui-widget-content ui-corner-all" size="30" style="height: 22px; margin-right: 10px;">
				 <button id="btnNovaCidade">Cadastrar</button>
			<p>
			<div id="divTabelaCidades">
			<table id="tabelaCidades" class="tablesorter" style="width: 400px;">
				<thead>
					<tr>
						<th width="25px">Id</th>
						<th>Nome</th>
						<th width="50px">Alterar</th>
						<th width="50px">Excluir</th>
					</tr>
				</thead>
				<tbody>
					<%
					cidadeBean cidade = new cidadeBean();
					cidade.setIdEmpresa((Integer) session.getAttribute("idempresa"));
					List<cidadeBean> cidades = new cidadeDao().getLista(conn, cidade);
						if (!cidades.isEmpty()) {
							for (int i = 0; i < cidades.size(); i++) {
					%>
					<tr>
						<td><%=cidades.get(i).getId()%></td>
						<td><%=cidades.get(i).getNome()%></td>
						<td><div align="center"><img onclick="alterarCidade('<%=cidades.get(i).getId()%>', '<%=cidades.get(i).getNome()%>')" src="imagens/alterar.png" height="17" width="17" style="cursor: pointer;"></div></td>
						<td><div align="center"><img onclick="excluirCidade('<%=cidades.get(i).getId()%>', '<%=cidades.get(i).getNome()%>')" src="imagens/excluir.png" height="17" width="17" style="cursor: pointer;"></div></td>

					</tr>
					<%
						}
						} else {
					%>
					<tr>
						<td colspan="6" style="font-size: 13px;">Nenhum cadastro</td>
					</tr>
					<%
						}
					%>
				</tbody>
			</table>
		</div>
	<!-- dialogs -->
	<div id="dialogAlterarCidade" title="Alterar Cidade">
		<form id="formAlterarCidade">
			<p id="msnAlterarCidade">Alterar o nome da cidade.</p>
			<input type="hidden" id="idAlterarCidade" name="idCidade">
			<input type="text" id="nomeAlterarCidade" name="nomeCidade" class="text ui-widget-content ui-corner-all" size="40" style="height: 25px;">
		</form>
	</div>
	
	<div id="dialogExcluirCidade" title="Excluir Cidade">
	<p id="msnExcluirCidade"></p>
	<input type="hidden" id="idExcluirCidade"> </div>
	<%conn.close(); %>
</body>
</html>